﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Civil</title>

  <link rel="shortcut icon" href="favicon.ico"/>
  <!-- Stylesheets Start //-->
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
  <link href="css/roundabout.css" rel="stylesheet" type="text/css" />
  <!--<link href="css/noscript.css" rel="stylesheet" type="text/css" media="screen,all" id="noscript" />-->
  <!-- Stylesheets End //-->
    
  <!-- Javascript Start //-->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/ddsmoothmenu.js"></script>
  <!--<script type="text/javascript" src="js/jquery.roundabout.js"></script>
  <script type="text/javascript" src="js/jquery.tools.tabs.min.js"></script>
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>-->
  <script type="text/javascript" src="js/functions.js"></script>
  
  <script type="text/javascript" src="js/cufon-yui.js"></script>
  <!--<script type="text/javascript" src="js/fonts/TitilliumText14L_400.font.js"></script>-->
  
  <script type="text/javascript">
    Cufon.replace('h1,h2,h3,h4,h5',{hover: 'true'})('a.button', {hover: 'true'})('.nivo-caption p')('.heading-block span')('.heading-block-footer span');
    Cufon.replace('.ddsmoothmenu li a');
    Cufon.replace('.ddsmoothmenu li', {
    	hover: true,
    	hoverables: { li: true },
    	ignore: { ul: true },
    	textless: { li: true }
    });
    Cufon.replace('.ddsmoothmenu li ul li', {
    	hover: true,
    	hoverables: { li: true },
    	ignore: { ul: true },
    	textless: { li: true }
    });
    Cufon.replace('.ddsmoothmenu li ul li ul li', {
    	hover: true
    });   
  </script>
  
 
  
  <!-- Javascript End //-->
  <!-- Danh cho slide show-->
  <link rel="stylesheet" type="text/css" href="css/style6.css" />
<script language="javascript" type="text/javascript" src="js/js_slideshow/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/js_slideshow/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/js_slideshow/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
						next:$('#lofslidecontent45 .lof-next') };
						
		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
												direction		: 'opacity',	
											 	easing			: 'easeOutBounce',
												duration		: 1200,
												auto		 	: true,
												mainWidth:940,
												buttons			: buttons} );	
	});
</script>
  <!-- Ket thuc slideshow-->
</head>

<body>
  
<div class="container">

  <div id="topbar"><span  style="float:right; margin-right:20px;margin-top:10px;">
  <a href="#"><img src="images/vi.png" /></a>
  
  <a href="#" style="margin-left:10px;"><img src="images/en.png" /></a></span></div>
  
  <div class="wrapper">
  <!-- Header -->    
    <div id="header">
      
      <!-- Logo -->
      <div id="logo">
        <a href="index.html"><img src="images/logo.png" alt="" /></a>
      </div>
      <!-- Logo End  -->
    
      <!-- Main Navigation -->
      <div id="menu">
        <div id="smoothmenu1" class="ddsmoothmenu">
          <ul>
            <li><a href="index.html" class="selected" >Trang chủ</a></li>
            <li><a href="about.html">Giới thiệu</a></li>
            <li><a href="pricing.html">Dịch vụ</a> </li>
            <li><a href="services.html">Dự án</a> </li>
            <li><a href="#">Tài liệu</a></li>
            <li><a href="blog.html">Liên hệ</a></li>
          </ul>
        </div>
		
      </div>
    </div>
  <!-- Main Navigation End -->
  <!--Site Slogan -->
  <div class="slogan">
   <!------------------------------------- SLIDE SHOW START------------------------------------------------->
<div id="lofslidecontent45" class="lof-slidecontent" style="width:940px; height:340px;">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer" style="width:940px; height:340px;">
    <div onclick="return false" href="" class="lof-previous"></div>
  	<ul class="lof-main-wapper">
  		<li>
        		<img src="images/thumbl_980x340_002.png" title="Newsflash 2" >           
                 <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
				
                
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/thumbl_980x340.png" title="Newsflash 1" >           
          	 <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a> 	<i> — Monday, February 15, 2010 12:42</i></h3>
               
                
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/thumbl_980x340_003.png" title="Newsflash 3" >            
          	<div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> 	<i> — Monday, February 15, 2010 12:42</i></h3>
              
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       
      </ul>  	
         <div onclick="return false" href="" class="lof-next"></div>
  </div>
 
</div>
      
  <!-----------------slideshow end --------------------->
  </div>
  <!--Site Slogan End -->
  
    <div class="clear"></div>
     <!-- Slideshow start -->
    <div id="slide-wrapper">
     
   </div>
   <!-- Slideshow End -->
   
   <div class="clear"></div>

     
     <div class="heading-block" style="border-top:1px solid #DEDEDE;"></div>
      
      <ul class="portfolio-4col nomargin">
        <li class="nomargin">
        	<div class="zoom">
        	  <a href="images/pf-img1.jpg" rel="prettyPhoto">
        	    <img src="images/pf-thumb1.jpg" class="fade" alt=""/>
        	  </a>
        	</div>
          <div class="pf-desc">
            <h5><a href="#">Portfolio Title</a></h5>
            <p>Phasellus ac ipsum commodo nisi at magna luctus ornare ut eu eros euismod vitae nisi at magna</p>
          </div>
        </li>
        <li class="nomargin">
        	<div class="zoom">
        	  <a href="images/pf-img1.jpg" rel="prettyPhoto">
        	    <img src="images/pf-thumb2.jpg" class="fade" alt=""/>
        	  </a>
        	</div>
          <div class="pf-desc">
            <h5><a href="#">Portfolio Title</a></h5>
            <p>Phasellus ac ipsum commodo nisi at magna luctus ornare ut eu eros euismod vitae nisi at magna</p>
          </div>
        </li>
        <li class="printing nomargin">
          <div class="zoom">
            <a href="images/pf-img1.jpg" rel="prettyPhoto">
              <img src="images/pf-thumb3.jpg" class="fade" alt=""/>
            </a>
          </div>
          <div class="pf-desc">
            <h5><a href="#">Portfolio Title</a></h5>
            <p>Phasellus ac ipsum commodo nisi at magna luctus ornare ut eu eros euismod vitae nisi at magna</p>
          </div>
        </li>
        <li class="video last nomargin">
          <div class="zoom">
            <a href="images/pf-img1.jpg" rel="prettyPhoto">
              <img src="images/pf-thumb4.jpg" class="fade" alt=""/>
            </a>
          </div>
          <div class="pf-desc">
            <h5><a href="#">Portfolio Title</a></h5>
            <p>Phasellus ac ipsum commodo nisi at magna luctus ornare ut eu eros euismod vitae nisi at magna</p>
          </div>
        </li>
      </ul>
      
     <div class="clear"></div>

  </div>
  
  <div class="clear"></div>
  
  <!-- Footer -->
  <div id="footer-wrapper">
    <div class="wrapper">
    
      <!-- Footer Box -->
      <div class="footerbox col_14_1">
        <div class="heading-block-footer"><span>Bản quyền</span></div>  
         <p>CÔNG TY CP XÂY DỰNG DÂN DỤNG HN

		<br />Mã số DN: 

<br /> (Cấp bởi Sở kế hoạch & Đầu tư TP.HN)
<br />
© 2012 Bản quyền của Hà Nội Civil. <br />
		</p>
      </div>
      <!-- Footer Box End -->
      
      <!-- Footer Box -->
      <div class="footerbox col_14_1">
        <div class="heading-block-footer"><span>Địa chỉ</span></div> 
        <p>Số 77/55, Bùi Xương Trạch, Q.Thanh Xuân, HN<br />

VPGD: P.401 H3 Kim Giang, Thanh Xuân, HN<br />

ĐT: 04.35.596984<br />

Email: info@civil.com.vn<br /></p>
      </div>
      <!-- Footer Box End -->
      
     
      
      <!-- Footer Box -->
      <div class="footerbox col_14 last">
        <div class="heading-block-footer"><span>Bản đồ</span></div>
        <img src="images/map.jpg" />
        
      </div>
      <div class="clear"></div>
    </div>
    <!-- Footer Box End -->
    
    <div class="clear"></div>
    
    <!-- Footer Bottom -->
    <div class="footer-bottom">
      <p>
          <span><a href="#">Thiết kế bởi ATF </a></span>
        </p>
      <!-- Footer Bottom End -->
    </div>
    <!-- Footer -->
    
  </div>
  <!-- Wrapper End -->
  
  </div>
  
  <script type="text/javascript">$('#noscript').remove();</script>
</body>
</html>